import React, { memo } from "react";
import { Toast, NavBar } from "react-vant";
import { useNavigate } from "react-router";
import { Swiper } from "react-vant";
import { items } from "./items";
import style from "./base.module.scss";
const Index: React.FC = memo(() => {
  const navigate = useNavigate();
  return (
    <div>
      <NavBar
        title="会员详情"
        leftText="返回"
        rightText="按钮"
        onClickLeft={() => navigate(-1)}
        onClickRight={() => Toast("按钮")}
      />
      <div className={style.lbt}>
        <Swiper vertical className={style.lbt1}>
          {items}
        </Swiper>
      </div>
    </div>
  );
});

export default Index;
